<?php

session_start();

if (!isset($_SESSION['usua_tc']))
{
	header('Location: ../../error.php');
} else {


include ('../../includes/funciones.php');
include ('../../includes/funcionesUsuarios.php');
include ('../../includes/funcionesHTML.php');

$serviciosFunciones = new Servicios();
$serviciosUsuario = new ServiciosUsuarios();
$serviciosHTML = new ServiciosHTML();

$fecha = date('Y-m-d');

$resMenu = $serviciosHTML->menu($_SESSION['nombre_tc'],"Ventas",$_SESSION['refroll_tc']);


/////////////////////// Opciones de la pagina  ////////////////////

$lblTitulosingular	= "Venta";
$lblTituloplural	= "Ventas/Compras";
$lblEliminarObs		= "Si elimina la ".$lblTitulosingular." se eliminara todo el contenido de esta";
$accionEliminar		= "eliminar".$lblTituloplural;

/////////////////////// Fin de las opciones /////////////////////


/////////////////////// Opciones para la creacion del formulario  /////////////////////

/////////////////////////////////////////Formulario de Clientes
$tabla2 			= "se_usuarios";

$lblCambio2	 	= array("refroll");
$lblreemplazo2	= array("Tipo Usuario");

$cadRef2 = '';
$resTU2 = $serviciosFunciones->traerTipoUsuario();
while ($rowU2 = mysql_fetch_array($resTU2)) {
	$cadRef2 .= '<option value="'.$rowU2[0].'">'.$rowU2[1].'</option>';
}

$refdescripcion2 = array(0 => $cadRef2);
$refCampo2[] 	= "refroll"; 


$formularioCliente 	= $serviciosFunciones->camposTabla("insertarCliente",$tabla2,$lblCambio2,$lblreemplazo2,$refdescripcion2,$refCampo2);
/////////////////////////////////////////FIN ///////////////////////////////////////////

//////////////////////////////////////////Formulario de Productos //////////////////////

$tabla3 			= "producto";

$lblCambio3	 	= array("idcategoria");
$lblreemplazo3	= array("Categoria");

$cadRef3 = '';

$resTipoUsuario3 = $serviciosFunciones->traerCategoria();
while ($rowTU3 = mysql_fetch_array($resTipoUsuario3)) {
	$cadRef3 = $cadRef3.'<option value="'.$rowTU3[0].'">'.$rowTU3[1].'</option>';	
}

$refdescripcion3 = array(0 => $cadRef3);
$refCampo3[] 	= "idcategoria";

$formularioProducto 	= $serviciosFunciones->camposTabla("insertarCliente",$tabla3,$lblCambio3,$lblreemplazo3,$refdescripcion3,$refCampo3);
//////////////////////////////////////// FIN ///////////////////////////////////////////




$resUsuario = $serviciosFunciones->traerCliente();

$cadU = '';

while ($rowC = mysql_fetch_array($resUsuario)) {
	$cadU .= '<option value="'.$rowC[0].'">'.$rowC[1].'</option>';
}



$resDocumento = $serviciosFunciones->traerTipoDocumento();

$cadD = '';

while ($rowD = mysql_fetch_array($resDocumento)) {
	$cadD .= '<option value="'.$rowD[0].'">'.$rowD[1].'</option>';
}


$resProductos = $serviciosFunciones->traerProducto();

$cadP = '';

while ($rowP = mysql_fetch_array($resProductos)) {
	$cadP .= '<option value="'.$rowP[0].'">Codigo: '.$rowP[1].' - Producto: '.$rowP[2].'</option>';
}

//////////////////////////////////////////////  FIN de los opciones //////////////////////////




/////////////////////// Opciones para la creacion del view  /////////////////////
$cabeceras 		= "	<th>Categorias</th>";

//////////////////////////////////////////////  FIN de los opciones //////////////////////////


$lstCargados 	= $serviciosFunciones->camposTablaView($cabeceras,$serviciosFunciones->traerCategoria(),1);


$nroVenta = $serviciosFunciones->generarNroVenta();

?>

<!DOCTYPE HTML>
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">



<title>Sistema Tienda de Computación</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<link href="../../css/estiloDash.css" rel="stylesheet" type="text/css">
    

    <script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>

    <link rel="stylesheet" href="../../css/jquery-ui.css">

    <script src="../../js/jquery-ui.js"></script>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">

    <!-- Optional theme -->
    <link rel="stylesheet" href="../../bootstrap/css/bootstrap-theme.min.css">

    <link rel="stylesheet" href="../../css/bootstrap-datetimepicker.min.css">
    <!-- Latest compiled and minified JavaScript -->
    <script src="../../bootstrap/js/bootstrap.min.js"></script>
    
<style>
	.modal-body .input-group, .control-label {
		padding:2px 10px;
	}
</style>
    
   
   <link href="../../css/perfect-scrollbar.css" rel="stylesheet">
      <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
      <script src="../../js/jquery.mousewheel.js"></script>
      <script src="../../js/perfect-scrollbar.js"></script>
      <script>
      jQuery(document).ready(function ($) {
        "use strict";
        $('#navigation').perfectScrollbar();
      });
    </script>
    <link rel="stylesheet" href="../../css/chosen.css">
</head>

<body>


 
<?php echo $resMenu; ?>

<div id="content">

<h3><?php echo $lblTituloplural; ?></h3>

    <div class="boxInfoLargo">
        <div id="headBoxInfo">
        	<p style="color: #fff; font-size:18px; height:16px;"><span class="glyphicon glyphicon-plus-sign"></span> Carga de <?php echo $lblTituloplural; ?></p>
        	
        </div>
    	<div class="cuerpoBox">
        	<form class="form-inline formulario" role="form">
        	<div class="row">
				
                <div class="form-group col-md-2">
                	<label class="control-label" style="text-align:left" for="Venta">Tipo</label>
        	        <div class="input-group col-md-12">
    	    	        <select id="tipo" name="tipo" class="form-control">
                        	<option value="0">Venta</option>
                            <option value="1">Compra</option>
                        </select>
	                </div>
                </div>
                
                <div class="form-group col-md-2">
                	<label class="control-label" style="text-align:left" for="Venta">Nº de Venta</label>
        	        <div class="input-group col-md-12">
    	    	        <input id="numeroventa" class="form-control" value="<?php echo $nroVenta; ?>" type="text" name="numeroventa" maxlength="50" readonly>
	                </div>
                </div>
                
                <div class="form-group col-md-3">
                    <label for="Fecha" class="control-label" style="text-align:left">Fecha</label>
                    <div class="input-group date form_date col-md-12" data-date="" data-date-format="dd MM yyyy" data-link-field="fecha" data-link-format="yyyy-mm-dd">
                        <input class="form-control" size="50" type="text" value="<?php echo date("Y/m/d"); ?>">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                    <input type="hidden" name="fecha" id="fecha" value="<?php echo date("Y/m/d"); ?>" />
                </div>

                
                <div class="form-group col-md-5">
                	<label class="control-label" style="text-align:left" for="codigo">Cliente</label>
        	        <div class="input-group col-md-12">
    	    	        <select data-placeholder="selecione el cliente..." id="refcliente" name="refcliente" class="chosen-select" style="width:100%;" tabindex="2">
            				<option value=""></option>
                            <?php echo $cadU; ?>    
                        </select>
	                </div>
                </div>
                
                
            </div>
            
            
            <div class="row" align="right">
				<div class="col-md-12">
					<button type="button" class="btn btn-info" id="nuevocliente" style="margin-left:0px;" data-target="#dialogCrear" data-toggle="modal"><span class="glyphicon glyphicon-plus-sign"></span> Nuevo</button>
                </div>
                
            </div>
            
            
            <div class="row">
				<div class="form-group col-md-4" style="margin-top:10px;">
                	<label class="control-label" style="text-align:left" for="Comprobante">Comprobante</label>
        	        <div class="input-group col-md-12">
    	    	        <select data-placeholder="selecione el tipo documento..." id="idtipodocumento" name="idtipodocumento" class="chosen-select" style="width:100%;" tabindex="2">
            				<option value=""></option>
                            <?php echo $cadD; ?>    
                        </select>
	                </div>
                </div>
				
                <div class="form-group col-md-8">
                    <div class="form-group col-md-4">
                        <label class="control-label" style="text-align:left" for="Venta">Serie</label>
                        <div class="input-group col-md-12">
                            <input id="serie" class="form-control" type="text" name="serie" maxlength="5">
                        </div>
                    </div>
                    
                    
                    <div class="form-group col-md-4">
                        <label class="control-label" style="text-align:left" for="Venta">Folio</label>
                        <div class="input-group col-md-12">
                            <input id="numero" class="form-control" type="text" name="numero" maxlength="20">
                        </div>
                    </div>
                
                	<div class="form-group col-md-4">
                        <label class="control-label" style="text-align:left" for="Venta">Estado</label>
                        <div class="input-group col-md-12">
                            <input id="estado" class="form-control" type="text" name="estado" maxlength="30">
                        </div>
                    </div>
                
                </div>
                
                
            </div>
            
            
            
            <div class="row" style="padding-left:20px; padding-right:20px;">
            	<br>
                <hr>
                <br>
                	<div class="form-group col-md-3">
                    	<label for="codbarra" class="control-label" style="text-align:left">Codigo Barra</label>
                        <div class=" col-md-12">
                        	<input type="text" class="form-control" id="codbarra" maxlength="15" name="codbarra" placeholder="Ingrese el Codigo Barra..." required>
                        </div>
                    </div>
                    <input type="hidden" id="idprod" name="idprod" value=""/>
                    <div class="form-group col-md-5">
                    	<label for="cod" class="control-label" style="text-align:left">Codigo</label>
                        <div class=" col-md-12">
                        	<select data-placeholder="selecione el producto..." id="idproducto" name="idproducto" class="chosen-select" style=" padding:0px;" tabindex="2">
            					<option value=""></option>
                                <?php echo $cadP; ?>
                                
                            </select>
                        </div>
                    </div>
                    
                    <div class="form-group col-md-2">
                    	<label for="cantidad" class="control-label" style="text-align:left">Cantidad</label>
                        <div class="input-group col-md-12">
                        	<input type="number" class="form-control" id="cantidad" name="cantidad" value="1" placeholder="Cantidad..." required>
                        </div>
                    </div>
                    
                    <div class="form-group col-md-2">
                    	<label for="precio" class="control-label" style="text-align:left">Precio</label>
                        <div class="input-group col-md-12">
                        	<input type="number" class="form-control" id="precio" name="precio" placeholder="Precio..." required>
                        </div>
                    </div>
                    
                    
                </div>
                
            
            	
                <div class="row" style="background-color: #CCC;margin-left:20px; margin-right:20px; padding:10px; border:1px solid #333; margin-bottom:10px;">
                	<h4>Datos del Producto</h4>
                    <div class="col-md-2">
                    	<label for="productos" class="control-label" style="text-align:left">Producto</label>
                        <div class="col-md-12">
                        	<p id="producto"></p>
                        </div>
                    </div>
                    
                    <div class="col-md-2">
                    	<label for="productos" class="control-label" style="text-align:left">N°Serie</label>
                        <div class="col-md-12">
                        	<p id="serie"></p>
                        </div>
                    </div>
                	
                    <div class="col-md-4">
                    	<label for="caracteristica" class="control-label" style="text-align:left">Caracteristicas</label>
                        <div class="col-md-12">
                        	<p id="carateristicas"></p>
                        </div>
                    </div>
                    
                    <div class="col-md-2">
                    	<label for="stocks" class="control-label" style="text-align:left">Stock</label>
                        <div class="col-md-12">
                        	<p id="stock"></p>
                        </div>
                        <input type="hidden" id="stockbasico" name="stockbasico" value="" />
                    </div>
                    
                    <div class="col-md-2">
                    	<label for="precios" class="control-label" style="text-align:left">Precio</label>
                        <div class="col-md-12">
                        	<p id="precioprod"></p>
                        </div>
                    </div>
                </div>
                    
                    
                    <ul class="list-inline">
                    	<li>
                    		<button type="button" class="btn btn-success" id="agregar" style="margin-left:0px;">Agregar</button>
                        </li>
                        <li>
                        	<button type="button" class="btn btn-info" id="nuevoproducto" style="margin-left:0px;" data-target="#dialogCrearProducto" data-toggle="modal"><span class="glyphicon glyphicon-plus-sign"></span> Nuevo</button>
                        </li>
                        
   
                    </ul>
                    <div id="load">
                    
                    </div>
                    
                    
                    <table class="table table-striped">
                        <thead>
                            <tr>
                            	<th>Id</th>
                                <th>Producto</th>
                                <th>N°Serie</th>
                                <th>Cantidad</th>
                                <th>Sub-Total</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody class="detalle">
                        
                        </tbody>
                        <tfoot>
                        	<tr style="background-color:#CCC; font-weight:bold; font-size:18px;">
                            	<td colspan="5" align="right">
                                	Total $
                                </td>
                                <td>
                                	<input type="text" readonly name="total" id="total" value="0" style="border:none; background-color:#CCC;"/>
                                </td>
                            </tr>
                        </tfoot>
                	</table>
            
            
            
            
            
            
            <div class='row' style="margin-left:25px; margin-right:25px;">
                <div id="error" class="alert alert-info">
                		<p><strong>Importante!:</strong> El campo precio y cantidad son obligatorio</p>
                	</div>
                <div id='load'>
                
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-12">
                <ul class="list-inline" style="margin-top:15px;">
                    <li>
                        <button type="button" class="btn btn-primary" id="cargar" style="margin-left:0px;">Guardar</button>
                    </li>
                </ul>
                </div>
            </div>
            </form>
    	</div>
    </div>
    
    <div class="boxInfoLargo">
        <div id="headBoxInfo">
        	<p style="color: #fff; font-size:18px; height:16px;"><?php echo $lblTituloplural; ?> Cargadas</p>
        	
        </div>
    	<div class="cuerpoBox">
        	<?php echo $lstCargados; ?>
    	</div>
    </div>





<div id="dialogCrear" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
    	<div class="modal-content">	
        	<div class="modal-header">
            	<button class="close" data-dismiss="modal" aria-hidden="true" id="cerrar">&times;</button>
                <h4>Ingresar el Cliente</h4>
            </div>
            
            <div class="modal-body">
            <form class="form-horizontal formulario2">

            <div class="row">

            <?php echo $formularioCliente; ?>

            </div>

            <br>
                    <div id="load3" style="display:none;">
                    	<img src="../../imagenes/load13.gif" width="50" height="50" />
                    </div>
                    <div id="error">
                    
                    </div>

            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-default cerrar">Cerrar</button>

                <button type="button" id="agregar2" class="btn btn-success">Guardar</button>
            </div>
            </form>
                    
                    
            </div>
      </div>
        
      </div>
</div>





<div id="dialogCrearProducto" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
    	<div class="modal-content">	
        	<div class="modal-header">
            	<button class="close" data-dismiss="modal" aria-hidden="true" id="cerrar">&times;</button>
                <h4>Ingresar el Producto</h4>
            </div>
            
            <div class="modal-body">
            <form class="form-horizontal formulario3">

            <div class="row">

            <?php echo $formularioProducto; ?>

            </div>

            <br>
                    <div id="load3" style="display:none;">
                    	<img src="../../imagenes/load13.gif" width="50" height="50" />
                    </div>
                    <div id="error">
                    
                    </div>

            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-default cerrar">Cerrar</button>

                <button type="button" id="agregar3" class="btn btn-success">Guardar</button>
            </div>
            </form>
                    
                    
            </div>
      </div>
        
      </div>
</div>




   

    
    
   
</div>


</div>

<script src="../../js/bootstrap-datetimepicker.min.js"></script>
<script src="../../js/bootstrap-datetimepicker.es.js"></script>
<script src="../../js/chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    var config = {
      '.chosen-select'           : {},
      '.chosen-select-deselect'  : {allow_single_deselect:true},
      '.chosen-select-no-single' : {disable_search_threshold:10},
      '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
      '.chosen-select-width'     : {width:"95%"}
    }
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }
  </script>

<script type="text/javascript">
$(document).ready(function(){
	
	$('#cantidad').change( function() {

		if (parseInt($(this).val()) > parseInt($('#stockbasico').val())) {
			alert('No existe stock suficiente');
			$(this).val($('#stockbasico').val());
		}
	});
	
	function getProducto() {
		$.ajax({
					data:  {idproducto: $('#idproducto').val(),
							accion: 'traerProductoPorCodigo'},
					url:   '../../ajax/ajax.php',
					type:  'post',
					beforeSend: function () {
							
					},
					success:  function (response) {
						if(response){
							//idproducto,codigo,nombre,descripcion,stock,stockmin,preciocosto,precioventa,utilidad,estado,imagen,idcategoria,tipoimagen,nroserie,codigobarra
							json = $.parseJSON(response);

							//alert(json[0].nombre);
							if (parseInt(json[0].stock) == 0) {
								
								alert('No disponemos de stock');
							} else {
								$('#cantidad').val(1);
								$('#precio').val(json[0].precioventa);
								$('#precioprod').html(json[0].precioventa);
								$('#producto').html(json[0].nombre);
								$('#serie').html(json[0].nroserie);
								$('#stock').html(parseInt(json[0].stock));
								$('#stockbasico').val(parseInt(json[0].stock));
								$('#carateristicas').html(json[0].descripcion);
								$('#idprod').val(json[0].idproducto);
							}
						} else {
							$('#precio').val('');
							$('#precioprod').html('');
							$('#producto').html('');
							$('#stock').html('');
							$('#carateristicas').html('');
							$('#idprod').val();
						}
					}
			});	
	}
	
	$('#idproducto').live('change', function () {
        //alert($(this).val());
		getProducto();
		$(".alert").removeClass("alert-danger");
		$(".alert").addClass("alert-info");
		$(".alert").removeClass("alert-success");
		$(".alert").html('<strong>Importante!:</strong> El campo precio y cantidad son obligatorio ');
    });
	
	
	function SumarTabla() {
		var suma = 0;
		$('.detalle tr').each(function(){
			
			suma += parseFloat($(this).find('td').eq(4).text()||0,10); //numero de la celda 3
		})
		return suma;

	  }
	  
	//elimina una fila
	  $(document).on("click",".eliminarfila",function(){
		var padre = $(this).parents().get(1);

		$(padre).remove();
		
		$('#total').val(SumarTabla());
	  });
	  
		  
	function insertarVenta(objDetalle,total,tipoventa,nroventa,idcliente,folio,serie,comprobante,estado,fecha) {
		$.ajax({
			data:  {detalle: 		objDetalle,
					total: 			total,
					tipoventa: 		tipoventa,
					nroventa: 		nroventa,
					idcliente: 		idcliente,
					folio: 			folio,
					serie:			serie,
					comprobante:	comprobante,
					estado: 		estado,
					fecha: 			fecha,
					usuacrea: '<?php echo $_SESSION['idusua_tc']; ?>',
					accion: 'insertarVentas'},
			url:   '../../ajax/ajax.php',
			type:  'post',
			beforeSend: function () {
					
			},
			success:  function (response) {
				if (response == '') {
					$(".alert").removeClass("alert-danger");
					$(".alert").removeClass("alert-info");
					$(".alert").addClass("alert-success");
					$(".alert").html('<strong>Ok!</strong> Se cargo exitosamente la <strong>Venta</strong>. ');
					getProducto();
				} else {
					$(".alert").removeClass("alert-danger");
					$(".alert").addClass("alert-danger");
					$(".alert").html('<strong>Error!</strong> '+data);
					$("#load").html('');
				}
			}
		});
	}
	
	$('#cargar').click(function(e) {
		
		var Detalle = Array(); //Declaro el arreglo
		var id = Array();
		var cantidad = Array();
		var subtotal = Array();
		var total = 0;
		var i = 0;
        $('.detalle tr').each(function(){

			id[i] 		= parseInt($(this).find('td').eq(0).text()||0,10);
			cantidad[i] = parseInt($(this).find('td').eq(3).text()||0,10);
			subtotal[i] = parseFloat($(this).find('td').eq(4).text()||0,10);
			Detalle[i] 	= [id[i],cantidad[i],subtotal[i]];
			total 		= total + parseFloat($(this).find('td').eq(4).text()||0,10);
			/*insertarDetalle(parseInt($(this).find('td').eq(0).text()||0,10),$(this).find('td').eq(1).text(),parseInt($(this).find('td').eq(2).text()||0,10),parseFloat($(this).find('td').eq(3).text()||0,10));*/
			i = i + 1;			
		})
		
		
		//Lo convierto a objeto
		var jObject={};
		for(i in Detalle)
		{
			jObject[i] = Detalle[i];
		}
		
		jObject= JSON.stringify(jObject);
		
		/*
		$(".alert").removeClass("alert-danger");
		$(".alert").removeClass("alert-info");
		$(".alert").addClass("alert-success");
		$(".alert").html('<strong>Ok!</strong> Se cargo exitosamente la <strong>Venta</strong>. ');

		$("#load").html('');*/
//		alert(jObject);
		//url = "index.php";
		//$(location).attr('href',url);
/*		(objDetalle,total,tipoventa,nroventa,idcliente,folio,serie,comprobante,estado,fecha)						*/

		insertarVenta(jObject,total,$('#tipo').val(),$('#numeroventa').val(),$('#refcliente').chosen().val(),$('#numero').val(),$('#serie').val(),$('#idtipodocumento').chosen().val(),$('#estado').val(),$('#fecha').val());
		
		
    });
	
	
	$('#agregar').click(function(e) {
		
		if ($('#precio').val() != '') {
			monto = parseFloat($('#precio').val()) * parseInt($('#cantidad').val());
			$('.detalle').prepend('<tr><td>'+$('#idprod').val()+'</td><td>'+$('#producto').html()+' '+$('#carateristicas').html()+'</td><td>'+$('#serie').val()+'</td><td>'+$('#cantidad').val()+'</td><td>'+monto+'</td><td><button type="button" class="btn btn-danger eliminarfila" id="eliminar" style="margin-left:0px;">Eliminar</button></td></tr>');
			
			$('#total').val(SumarTabla());
		}
    });
	
	
	
	function limpiar() {
		$('#precio').val('');
		$('#precioprod').html('');
		$('#producto').html('');
		$('#stock').html('');
		$('#carateristicas').html('');
		$('#codbarra').val('');
		$('#cantidad').val('1');
		$('#idprod').val();
	}
	
	$('#limpiar').click(function(){
		limpiar();
	});
	
	
	$('#codbarra').keypress(function() {
		//alert($(this).val().length);
		
        if ($(this).val().length >12) {

			
			$.ajax({
					data:  {idproducto: $("#codbarra").val(),
							accion: 'traerProductoVentaBarra'},
					url:   '../../ajax/ajax.php',
					type:  'post',
					beforeSend: function () {
							
					},
					success:  function (response) {
						if (response == '') {
							$('#precio').val('');
							$('#precioprod').html('');
							$('#producto').html('');
							$('#stock').html('');
							$('#carateristicas').html('');
							$('#idprod').val();
						} else {
							prod = response.split('##');
							$('#precio').val(prod[1]);
							$('#precioprod').html(prod[1]);
							$('#producto').html(prod[0]);
							$('#stock').html(prod[2]);
							$('#carateristicas').html(prod[5]);
							$('#idprod').val(prod[6]);
						}
					}
			});
		}
    });
	
	
	
	
	
	 $('.varborrar').click(function(event){
		  usersid =  $(this).attr("id");
		  if (!isNaN(usersid)) {
			$("#idEliminar").val(usersid);
			$("#dialog2").dialog("open");

			
			//url = "../clienteseleccionado/index.php?idcliente=" + usersid;
			//$(location).attr('href',url);
		  } else {
			alert("Error, vuelva a realizar la acción.");	
		  }
	});//fin del boton eliminar
	
	$('.varmodificar').click(function(event){
		  usersid =  $(this).attr("id");
		  if (!isNaN(usersid)) {
			
		  	url = "modificar.php?id=" + usersid;
			$(location).attr('href',url);
		  } else {
			alert("Error, vuelva a realizar la acción.");	
		  }
	});//fin del boton eliminar

	 $( "#dialog2" ).dialog({
		 	
			    autoOpen: false,
			 	resizable: false,
				width:600,
				height:240,
				modal: true,
				buttons: {
				    "Eliminar": function() {
	
						$.ajax({
									data:  {id: $('#idEliminar').val(), accion: '<?php echo $accionEliminar; ?>'},
									url:   '../../ajax/ajax.php',
									type:  'post',
									beforeSend: function () {
											
									},
									success:  function (response) {
											url = "index.php";
											$(location).attr('href',url);
											
									}
							});
						$( this ).dialog( "close" );
						$( this ).dialog( "close" );
							$('html, body').animate({
	           					scrollTop: '1000px'
	       					},
	       					1500);
				    },
				    Cancelar: function() {
						$( this ).dialog( "close" );
				    }
				}
		 
		 
	 		}); //fin del dialogo para eliminar
	

	<?php 
		echo str_replace('validador()','validador2()',$serviciosHTML->validacion($tabla2));
		
		echo str_replace('validador()','validador3()',$serviciosHTML->validacion($tabla3));
	
	?>
	
	//al enviar el formulario
    $('#agregar2').click(function(){
		
		if (validador2() == "")
        {
			//información del formulario
			var formData = new FormData($(".formulario2")[0]);
			var message = "";
			//hacemos la petición ajax  
			$.ajax({
				url: '../../ajax/ajax.php',  
				type: 'POST',
				// Form data
				//datos del formulario
				data: formData,
				//necesario para subir archivos via ajax
				cache: false,
				contentType: false,
				processData: false,
				//mientras enviamos el archivo
				beforeSend: function(){
					$("#load").html('<img src="../../imagenes/load13.gif" width="50" height="50" />');       
				},
				//una vez finalizado correctamente
				success: function(data){

					if (data == '') {
                                            $(".alert").removeClass("alert-danger");
											$(".alert").removeClass("alert-info");
                                            $(".alert").addClass("alert-success");
                                            $(".alert").html('<strong>Ok!</strong> Se cargo exitosamente el <strong><?php echo $lblTitulosingular; ?></strong>. ');
											$(".alert").delay(3000).queue(function(){
												/*aca lo que quiero hacer 
												  después de los 2 segundos de retraso*/
												$(this).dequeue(); //continúo con el siguiente ítem en la cola
												
											});
											$("#load").html('');
											url = "index.php";
											$(location).attr('href',url);
                                            
											
                                        } else {
                                        	$(".alert").removeClass("alert-danger");
                                            $(".alert").addClass("alert-danger");
                                            $(".alert").html('<strong>Error!</strong> '+data);
                                            $("#load").html('');
                                        }
				},
				//si ha ocurrido un error
				error: function(){
					$(".alert").html('<strong>Error!</strong> Actualice la pagina');
                    $("#load").html('');
				}
			});
		}
    });
	
	
	
	//al enviar el formulario
    $('#agregar3').click(function(){
		
		if (validador3() == "")
        {
			//información del formulario
			var formData = new FormData($(".formulario3")[0]);
			var message = "";
			//hacemos la petición ajax  
			$.ajax({
				url: '../../ajax/ajax.php',  
				type: 'POST',
				// Form data
				//datos del formulario
				data: formData,
				//necesario para subir archivos via ajax
				cache: false,
				contentType: false,
				processData: false,
				//mientras enviamos el archivo
				beforeSend: function(){
					$("#load").html('<img src="../../imagenes/load13.gif" width="50" height="50" />');       
				},
				//una vez finalizado correctamente
				success: function(data){

					if (data == '') {
                                            $(".alert").removeClass("alert-danger");
											$(".alert").removeClass("alert-info");
                                            $(".alert").addClass("alert-success");
                                            $(".alert").html('<strong>Ok!</strong> Se cargo exitosamente el <strong>Producto</strong>. ');
											$(".alert").delay(3000).queue(function(){
												/*aca lo que quiero hacer 
												  después de los 2 segundos de retraso*/
												$(this).dequeue(); //continúo con el siguiente ítem en la cola
												
											});
											$("#load").html('');
											url = "index.php";
											$(location).attr('href',url);
                                            
											
                                        } else {
                                        	$(".alert").removeClass("alert-danger");
                                            $(".alert").addClass("alert-danger");
                                            $(".alert").html('<strong>Error!</strong> '+data);
                                            $("#load").html('');
                                        }
				},
				//si ha ocurrido un error
				error: function(){
					$(".alert").html('<strong>Error!</strong> Actualice la pagina');
                    $("#load").html('');
				}
			});
		}
    });
	

});
</script>

<script type="text/javascript">
$('.form_date').datetimepicker({
	language:  'es',
	weekStart: 1,
	todayBtn:  1,
	autoclose: 1,
	todayHighlight: 1,
	startView: 2,
	minView: 2,
	forceParse: 0,
	format: 'yyyy/mm/dd'
});
</script>


<?php } ?>
</body>
</html>
